import React from 'react';
import './index.less'
export default () => {
    return (
        <div className="height">
            <div className="hover">hover me</div>
            <div className="content">
                能够适配任意高度。能够适配任意高度。能够适配任意高度。能够适配任意高度。能够适配任意高度。能够适配任意高度。
            </div>

            <p>1. 如果实际场景中 max-height 需要用到并且有其它作用，那么可能这种方法就无法满足需求了</p>
            <p>2. 另一个缺点就是视觉上有延迟，和实际高度相差越大越明显。也就是说，如果容器实际高度只有 200px，max-height 为 1000px，动画时间为 1s，缓动函数为 linear。实际动画从 0 到 200px 的高度过渡时间只有 0.2s，这一点需要非常注意~</p>
        </div>
    )
}